<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
         import="com.syas.common.extension.UrlHelper"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="../shared/taglib.jsp"%>

<html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>Conquer | Form Stuff - Form Controls</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <meta name="MobileOptimized" content="320">

    <%@ include file="../shared/importCss.jsp"%>
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" href="<c:url value='/plugins/data-tables/DT_bootstrap.css'/>" type="text/css"/>
    <!-- END PAGE LEVEL STYLES -->

    <%@ include file="../shared/importJs.jsp"%>
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script type="text/javascript" src="<c:url value='/plugins/data-tables/jquery.dataTables.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/plugins/data-tables/DT_bootstrap.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/plugins/uniform/jquery.uniform.min.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/js/jquery.toolbarlite.js?ver=10'/>"></script>
    <script type="text/javascript" src="<c:url value='/js/app.js'/>"></script>
    <script type="text/javascript" src="<c:url value='/js/jquery.tableManaged.js'/>"></script>
    <!-- END PAGE LEVEL SCRIPTS -->

    <link rel="shortcut icon" href="favicon.ico" />
</head>
<!-- END HEAD -->

<!-- BEGIN BODY -->
<body class="page-header-fixed">

<%@ include file="../shared/pageHeader.jsp"%>

<div class="clearfix"></div>
<!-- BEGIN CONTAINER -->
<div class="page-container">

    <%@ include file="../shared/sidebarMenu.jsp"%>

    <!-- BEGIN PAGE -->
    <div class="page-content">

        <%@ include file="../shared/styleSet.jsp"%>

        <!-- BEGIN PAGE HEADER-->
        <div class="row">
            <div class="col-md-12">
                <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <h3 class="page-title">
                    Form Controls <small>form controls and more</small>
                </h3>
                <ul class="page-breadcrumb breadcrumb">
                    <li>
                        <i class="icon-home"></i>
                        <a href="<c:url value='/home/index'/>">首页</a>
                        <i class="icon-angle-right"></i>
                    </li>
                    <li>
                        <span>${requestScope.permissionMenu.rootName}</span>
                        <i class="icon-angle-right"></i>
                    </li>
                    <li><span>${requestScope.permissionMenu.subName}</span></li>
                </ul>
                <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
        </div>
        <!-- END PAGE HEADER-->
        <!-- BEGIN PAGE CONTENT-->
        <div class="row">
            <div class="col-md-12">
                <div class="portlet box light-grey">

                    <ul id="myTab" class="nav nav-tabs">
                        <li class="active">
                            <a href="#baseinfosearch" data-toggle="tab">
                                核算结果检索
                            </a>
                        </li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade in active" id="baseinfosearch">
                            <div class="portlet-body form">
                                <!-- BEGIN FORM-->
                                <form:form modelAttribute="searchModel" class="form-horizontal" method="GET">
                                    <div class="form-body">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="control-label col-md-5">e租宝账户</label>
                                                    <div class="col-md-7">
                                                        <form:input path="ezubouname" class="form-control placeholder-no-fix" autocomplete="off" placeholder="e租宝账户"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="control-label col-md-3">身份证号码</label>
                                                    <div class="col-md-8">
                                                        <form:input path="certid" class="form-control placeholder-no-fix" autocomplete="off" placeholder="身份证号码"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="control-label col-md-3">岗位</label>
                                                    <div class="col-md-8">
                                                        <select name="stationtype" class="form-control placeholder-no-fix">
                                                            <c:forEach items="${stationList}" var="item">
                                                                <option value="${item.gradecode}">${item.station}</option>
                                                            </c:forEach>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group">
                                                    <button type="submit" class="btn btn-success" style="width: 100px">搜索</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form:form>
                                <!-- END FORM-->
                            </div>
                        </div>
                        <div class="tab-pane fade" id="orginfosearch">

                        </div>
                    </div>
                </div>

                <!-- BEGIN EXAMPLE TABLE PORTLET-->
                <div class="portlet box light-grey">
                    <div class="portlet-title">
                        <div class="caption"><i class="icon-table"></i>${requestScope.permissionMenu.curName}</div>
                    </div>
                    <div class="portlet-body">
                        <div class="table-toolbar"></div>
                        <div class="dataTables_wrapper form-inline" role="grid">
                            <div class="table-scrollable">
                                <table class="table table-striped table-bordered table-hover" id="data-table">
                                    <thead>
                                    <tr>
                                        <th class="table-checkbox"><input type="checkbox" class="group-checkable"/></th>
                                        <th>e租宝账号</th>
                                        <th >身份证号</th>
                                        <th >城市</th>
                                        <th >城市级别</th>
                                        <th >一级部门</th>
                                        <th >二级部门</th>
                                        <th >三级部门</th>
                                        <th >四级部门</th>
                                        <th >五级部门</th>
                                        <th >六级部门</th>
                                        <th >岗位</th>
                                        <th >等级</th>
                                        <th >直接领导</th>
                                        <th >直接领导e租宝账号</th>
                                        <th >是否保护期</th>
                                        <th >是否筹建期</th>
                                        <th >个人业绩</th>
                                        <th >个人提成比率</th>
                                        <th >管理业绩</th>
                                        <th >标准架构编制</th>
                                        <th >实际团队编制</th>
                                        <th >岗位标准考核业绩</th>
                                        <th >人均业绩目标</th>
                                        <th >岗位实际考核目标</th>
                                        <th >开单率</th>
                                        <th >赎回率</th>
                                        <th >绩效工资基数</th>
                                        <th >目标达成率</th>
                                        <th >管理提成比率</th>
                                        <th >管理绩效考核分数</th>
                                        <th >实际出勤天数</th>
                                        <th >个人提成</th>
                                        <th >管理提成</th>
                                        <th >提成</th>
                                        <th >绩效工资</th>
                                        <th >计算时间</th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                    <c:forEach items="${contentModel.items}" var="item">
                                        <tr class="odd gradeX">
                                            <td class="check_cell">
                                                <input type="checkbox" class="checkboxes" name="Id" value="${ item.id }" />
                                            </td>
                                            <td>${ item.certId }</td>
                                            <td>${ item.ezboUname }</td>
                                            <td>${ item.city }</td>
                                            <td>${ item.cityGrade }</td>
                                            <td>${ item.departmentLevel1 }</td>
                                            <td>${ item.departmentLevel2 }</td>
                                            <td>${ item.departmentLevel3 }</td>
                                            <td>${ item.departmentLevel4 }</td>
                                            <td>${ item.departmentLevel5 }</td>
                                            <td>${ item.departmentLevel6 }</td>
                                            <td>${ item.station }</td>
                                            <td>${ item.grade }</td>
                                            <td>${ item.directLeaderName }</td>
                                            <td>${ item.directLeaderEzbouname }</td>
                                            <td>${ item.protection }</td>
                                            <td>${ item.buildPeriod }</td>
                                            <td>${ item.perperf }</td>
                                            <td>${ item.perdeductrate }</td>
                                            <td>${ item.manageperf }</td>
                                            <td>${ item.archstaffnum }</td>
                                            <td>${ item.actualstaffnum }</td>
                                            <td>${ item.standperf }</td>
                                            <td>${ item.avgtargetperf }</td>
                                            <td>${ item.targetperf }</td>
                                            <td>${ item.kaidanrate }</td>
                                            <td>${ item.shuhuirate }</td>
                                            <td>${ item.jixsalybase }</td>
                                            <td>${ item.targetreachrate }</td>
                                            <td>${ item.managedeductrate }</td>
                                            <td>${ item.managejixcore }</td>
                                            <td>${ item.actattendaynum }</td>
                                            <td>${ item.perdeduct }</td>
                                            <td>${ item.managededuct }</td>
                                            <td>${ item.deduct }</td>
                                            <td>${ item.jixsaly }</td>
                                            <td>${ item.caltime.toLocaleString() }</td>
                                        </tr>
                                    </c:forEach>
                                    </tbody>
                                </table>
                            </div>
                            <c:import url = "../shared/paging.jsp">
                                <c:param name="pageModelName" value="contentModel"/>
                                <c:param name="urlAddress" value="/salcal/list"/>
                            </c:import>
                        </div>
                    </div>
                </div>
                <!-- END EXAMPLE TABLE PORTLET-->
                <div class="row">
                   <div class="col-md-12">
                       <div class="portlet box light-grey" align="center">
                           <form id="excelform" name="excelform" action="/salcal/list" enctype="multipart/form-data"  method="POST" >
                               <button type="submit" class="btn btn-success" style="width: 100px" onclick="toExcel();">导出到excel</button>
                           </form>
                       </div>
                   </div>
               </div>
            </div>
        </div>
        <!-- END PAGE CONTENT-->
    </div>
    <!-- END PAGE -->
</div>
<!-- END CONTAINER -->
<%@ include file="../shared/pageFooter.jsp"%>
<script type="text/javascript">
    $(function() {
        App.init();
        $("#data-table").tableManaged();
    });
    if("${result}" != ""
            && "${result}" != null){
        alert("${result}");
    }
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>